<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>登录</title>
	<link href="img/shouye/small_logo.png" rel="shortcut icon" />
		<link rel="stylesheet" type="text/css" href="css/weui.css"/>
		<link rel="stylesheet" type="text/css" href="css/jquery-weui.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<style>
		.zong{
				max-width: 640px;
				margin: 0px auto;
				margin-bottom: 50px;
				border:2px solid red; 
			}
				#h_header {
				width: 100%;
				height: 50px;
				line-height: 50px;
				background-image: url(img/bgi_title.png);
				background-size: 320px 48px;
				background-repeat: no-repeat;
				background-color: #E62F17;
				text-align: center;
			}			
			#h_header i {
				color: #FFFFFF;
				font-size: 25px;
				float: left;
				font-weight: bold;
			}
			.h_gouwuche {
				float: right;
			}
			.dl{
				font-size: 20px;
				color: white;
   				 font-family: Tahoma,fzltxhk,"\5fae\8f6f\96c5\9ed1";
			}
			.input{
				display: block;
				width:80%;
				height: 40px;
				margin:20px auto;
				border-radius: 4px;
				border: 1px solid #DEDEDE;
			}
			.login{
				width: 80%;
				height: 40px;
				border: 1px solid gray;
				display: block;
				margin: 0px auto;
				background-color: #E62F17;
				text-align: center;
				line-height: 40px;
				color: white;
				font-family: Tahoma,fzltxhk,"\5fae\8f6f\96c5\9ed1";
				font-size: 18px;
				
			}
			.bluezt{
				width: 80%;
				/*text-align: center;*/
				margin: 0px auto;
				color: #0099FF;
				font-size: 14px;
				    font-family: Tahoma,fzltxhk,"\5fae\8f6f\96c5\9ed1";
				    margin-top: 20px;
			}
			/*.bluezt .ysleft{
				float: left;
			}*/
			.bluezt .ysright{
				float: right;
			}
			.dsf{
			
				/*margin: 0px auto;*/
				text-align: center;
				font-size: 14px;
				margin: 30px auto;
				/*font-weight: bold;*/
				font-family: "微软雅黑";
				color: #999999;
			}
			.setli li{
				width: 33%;
				float: left;
				font-size: 70px;
				border: 1px solid red;
				text-align: center;
			}
			.in{
				color: #0076FF;
			}
			.i2{
				color: #ED2124;
			}
			.weui-row{
				width: 80%;
				margin: 0px auto;
				font-size: 70px;
				/*padding-left: 60px;*/
				border: 1px solid green;
			}
	</style>
</head>
<body>
	<div class="zong">
		<header id="h_header">
				<i class="iconfont h_fenlei">&#xe6d4;</i>
				<span class="dl">登录</span>
		</header>
		<!--<div class="center">-->
			<input type="text" class="input" placeholder="邮箱/用户名/手机号" />
		<input type="password" class="input" placeholder="密码" />
		<a href="javascript:;" class="login">
			登录
		</a>
		<div class="bluezt">
			<a class="ysleft">
				注册
			</a>
			<a class="ysright">
				忘记密码
			</a>
		</div>
		<p class="dsf">直接使用社交网络登录</p>
		<div class="weui-row">
			<div class="weui-col-33">
				<i class="iconfont in" >&#xe71f;</i>
				
			</div>
			<div class="weui-col-33">
				<i class="iconfont i2">&#xe6da;</i>
				
			</div>
			<div class="weui-col-33">
				<i class="iconfont in">&#xe67b;</i>
				
			</div>
		</div>
		<!--<ul class="setli">
			<li>
				<i class="iconfont in" >&#xe71f;</i>
			</li>
			<li>
				<i class="iconfont i2">&#xe6da;</i>
			</li>
			<li>
				<i class="iconfont in">&#xe67b;</i>
			</li>
		</ul>-->
		<!--</div>-->
		
		
	</div>
	

</body>
</html>